/*
* @Author: Administrator
* @Date:   2018-01-05 13:42:21
* @Last Modified by:   Administrator
* @Last Modified time: 2018-01-05 14:06:51
*/


.head small{
    background: none;
    padding:2px 10px;
    display: inline-block;
    box-shadow:none;
}
.hid{
    display: none;
}
/*input[type="text"], select {
    height: 33px;
    border: 1px solid #ccc;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    font-family: "Microsoft YaHei";
    color: #666;
    padding: 0 10px;
    border-radius: 1px;
}*/

/*.text-red {
    color: #ff4c4c;
    font-family: 'æ°“åºéˆ¥å§‘ã¢è§£â‚¬ï¿½';
    margin: 0px 6px;
    font-weight: 600;
}*/

/*.form-group>label {
    line-height: 33px;
    color: #545353;
}*/
/*.select .select-left {
    left:5px;width:220px
}
.select .select-right{
    right:5px;left:235px
}*/

/*input[type="text"],select{
    border-radius: 3px;
}*/

.status_flag dt {
    text-align: left;
}


/*.page ul li>a {
    border: 0px;
    border-radius: 2px;
}
.page ul li.disabled>a {
    color: #fff;
    background: #ccc;
}
.page ul li>a {
    padding: 1px 8px;
    display: block;
    margin-top: 3px;
    margin-right: 8px;
}

.page ul {
    display: inline-block;
    margin-top: 10px;
}

.page ul li>span>input[type="button"] {
    background: #ccc;
    border: 1px solid #ccc;
    padding: 3px 10px 2px;
    border-radius: 10px;
}
.page ul li>a{border:1px solid transparent;}
.page ul li>span>input[type="text"] {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    width: 31px;
    padding: 2px 3px;
    margin: -5px 9px;
    height: 15px;
    line-height: 20px;
}*/


/*.search-group .search button {
    background: #ccc;
    color: #fff;
    border: none;
    outline: none;
    float: left;
    padding: 0;
    width: 26px;
    height: 26px;
    left: -4px;
    position: relative;
    border-radius: 3px;
}*/

/*input[type="text"], select {
    height: 26px;
    padding: 0 2px;
    font-size: 14px;
    line-height: 1.42857143;
    color: gray;
    border: 1px solid #ccc;
    vertical-align: middle;
    background: #f7f3f3;
}*/

.page .first_total{
    line-height:26px;
}

#menu_li {
    position: absolute;
    width: 1100px;
    top: -30px;
    display: none;
}
#addr {
    line-height: 60px;height: 60px;
}
#addr strong{
    color: #555;
}
#addr i{
    color: black;
    font-size: 15px!important;
}
#addr .box-toolbar a {
    text-align: center;
}
#addr .box-toolbar a i {
    color: #ff5400;
    line-height: 28px;
}
#addr .pull-right .fa {
    margin-right: 0px;
}

/*
.tooltip .tooptip_inner {
    position: absolute;
    display: none;
    width: 100%;
    background: #ffffff;
    border: 2px solid #b2b2b2;
    padding: 10px;
    text-align: left;
    word-break: break-all;
    z-index: 10000;
}

.tooltip .tooptip-icon {
    position: absolute;
    border: 10px solid transparent;
    border-top: 10px solid #b2b2b2;
    bottom: -20px;
    left: 47px;
    margin-left: -4px;
    z-index: 10000;
}
.tooltip .tooptip-icon-conver {
    position: absolute;
    border: 6px solid transparent;
    border-top: 6px solid #ffffff;
    bottom: -12px;
    left: 51px;
    margin-left: -4px;
    z-index: 10000;
}
*/



.container .show_list li a {
    transition: .1s;
    color: #666;
    width: 90%;
    margin-left: 5%;
    margin-top: 30px;
    height: 100%;
    padding: 0px 20px;
    border-left: 2px solid #ffffff;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
}

.container .show_list li a:hover {
    background: #ffffff;
    color: #00b8c7;
}

.container .show_list li a.active {
    color: #00b8c7;
    border-left: 2px solid #00b8c7;

}
.box-title span a {
    font-size: 13px;
    font-family: 'å¾®è½¯é›…é»‘';
    color: #333;
}
.box-title span i{
    margin: 0px 10px;
}

.box-toolbar {
    width: 200px;
    right: 12px;
    height: 36px;
    position: absolute;
    text-align: right;
}

.box-toolbar a {
    width: 50px;
    height: 30px;
    display: inline-block;
    border-radius: 20px;
    border: 2px solid #ff5400;
    color: #ff5400;
    line-height: 28px;
    margin-left: 16px;
}

.box-toolbar a i {
    color: #ff5400;
}



.table_load img {
    width: 24px;height: 24px;
}
.table_load span {
    padding: 1px 10px;
    color: #738086;
}
.block-ui img{
    width: 28px;
}
.block-ui span{
    line-height: 30px;
    margin-left: 10px;
}
.a-attachment {
    cursor: pointer !important;
    color: #696262 !important;
    float: left;
}

.agree_no,.agree_yes{
    width: 60px;
    height: 30px;
    display: inline-block;
    line-height: 30px;
}
.a.agree_no,.a.move_no{
    background: #ff4c4c;
    cursor: pointer;
}
.a.agree_yes,.a.move_yes{
    background: #009f95;
    cursor: pointer;
}

.tooltip .tooltip_inner{
    background: #333;
    color:#fff;
    position: absolute;
    width:300px;
    padding:10px;
    text-align: center;
    bottom:43px;
    left:-35px;
    line-height: 26px;
    border-radius: 3px;
}
.tooltip .tooltip_inner span{
    border-width: 8px;
    border-style: solid;
    border-color: #333 transparent transparent transparent;
    position: absolute;
    bottom: -16px;
    left: 50%;
    margin-left: -4px;
}
.enter_exam .exam.exam_3{
    color:#41bcf5;
}
.enter_exam .exam.exam_3:hover {
    cursor: pointer!important;
    box-shadow: 5px 5px 30px rgba(221,244,255,0.8);
}
a.exam.disabled{
    color: #fff !important;
    cursor: default;
    background: #eee !important
}
/*a.exam.disabled>.icon{
    background-position:center bottom;
}*/
#account-setting{
    display: inline-block;
    text-align:center;
    color: #949494;
    margin-left: 10px;
    padding: 0px 5px 0px 5px;
}
#account-setting.hover .user-role-layer{
    display: block;
}
.user-role-layer{
    position: absolute;
    display: none;
    top: 53px;
    background: #FFFFFF;
    z-index: 999;
    right: -18px;
    box-shadow: 0 1px 16px 0 rgba(90,109,122,.41);
}
.user-role-layer .box-shadow{
    border-radius: 2px;
    box-shadow: 0 1px 16px 0 rgba(90,109,122,.41);
}
#account-setting-layer li{
    float: none;
    line-height: 36px;
}
#account-setting-layer ul,
#account-setting-layer ul li{
    position: relative;
}
#account-setting-layer ol{
    position: absolute;
    left:95px;
    top:0px;
    display: none;
    background: #fff;
    z-index:1000;
}

#account-setting-layer li.b-b{
    border-bottom:1px solid #DFDFDF;
}
#account-setting-layer li a{
    display: block;
    text-align:left;
    width:124px;
    padding: 0 0 0 15px;
    font-size:14px;
    color:#666;
}
#account-setting-layer ul>li>a:hover,
#account-setting-layer ol>li>a:hover,
#account-setting-layer ul>li.hover>a{
    color:#76b0f3;
    background: #f4f9ff;
}
.user-role-layer-title{
    padding: 20px 12px;border-bottom: 1px solid #d9dde1;
}

.user-role-layer-title h2{
    height:16px;font-size: 16px;color: #4E4E4E;line-height: 0px;float: left;
}

.user-role-layer-title h5{
    height:16px;font-size: 11px;color: #93999f;line-height: 16px;float: right;
}
.user-role-layer-content{
    height: 140px;
}
.user-role-layer-content a{
    display: inline-block;
    width: 120px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    margin-left: 20px;
    margin-top: 10px;
    cursor: pointer;
    float: left;
}

.user-role-layer-content .active{
    border: 1px solid;
    border-radius: 50px;
    color: rgba(240,20,20,.8);
}

.user-role-layer-content a:hover{
    border: 1px solid;
    border-radius: 50px;
    color: rgba(240,20,20,.8);
}

.user-role-layer-content a span{
    color: #0c0c0c;
}
.user-role-layer-footer1{
    padding: 20px 12px;border-top: 1px solid #d9dde1;
}
.user-role-layer-footer{
    padding: 20px 12px;border-top: 1px solid #d9dde1;
    position: relative;left: 30px;
}
.user-role-layer-footer-l{
    float: left;
    position: relative;
    left: 30px;
    width: 70%;
}
.user-role-layer-footer-l span{
    line-height: 20px;
    float: left;
}
.user-role-layer-footer-r{
    float: right;
    font-size: 12px;
    padding: 12px 16px;
    line-height: 12px;
    font-weight: 700;
    border-radius: 16px;
    color: #fff !important;
    background: rgba(240,20,20,.8);
    cursor: pointer;
}

.user-role-layer-footer-un{
    float: left;
    margin-left: 20px;
    margin-right: 15px;
    position: relative;
    top:-10px;
}

/*è§£å†³ç­”é¢˜é¡µé¢çš„ä¸€ä¸ªbug*/
body .card .mark {
    height:inherit;
}


/*é€šçŸ¥å…¬å‘Šé¡µé¢*/
.msg_main .btn,.msg_main .btn:hover{
    height: 36px;
    vertical-align: top;
    line-height: 34px;
    width: 85px;
    color: #fff;
    background: #4f9fe4;
    border-color: #4f9fe4;
}
.msg_main .btn:hover{
    opacity: 0.9;
}
.msg_main .box-body{
    padding:20px;
}
.msg_main .table{
    border: none;
}
.msg_main .table td a[title]{
    color:#000;
    font-weight: bold;
    font-size:16px;
}
.msg_main .warp{
    text-align:left;
    padding:15px;
    width:80%;
}
.msg_main .content{
    max-width:92%;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.msg_main .hot{
    height:9px;
    width:24px;
    background: url("../images/v2/hot.png");
    margin-left:5px;
}

/*é€šçŸ¥å…¬å‘Šè¯¦æƒ…é¡µé¢*/
.msg_view{
    padding:30px 220px 10px;
    margin:20px 0;
    background: #fff;
}
.msg_view h2{
    color:#000;
}
.msg_view .article{
    color:#505253;
    font-size:16px;
    line-height: 32px;
    padding-bottom:20px;
}
.msg_view .article p{
    margin-bottom:20px;
    word-break: break-all;
}
.msg_view .article img{
    max-width:100%;
}
/*.msg_view .msg_view_b .word-icon{
    display: block;
    height:19px;
    width:19px;
    background: url("../images/v2/word_icon.png");
}*/
.msg_view .msg_view_b .b{
    line-height: 20px;
    margin-left:5px;
    width: 680px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.msg_view .msg_view_b .b a{
    color:#00e;
    font-size:14px;
}

/*
*==============================================
*é¡¹ç›®åç§°çš„å­—ä½“
*==============================================
*/
.project_title{
    font-size:16px;
    font-weight: bolder;
    color:#333;
}

/*
*==============================================
*è¿›å…¥é¡¹ç›®å­¦ä¹ å’Œç»ƒä¹ ç‰ˆå—
*==============================================
*/
.enter_project .box_l,
.enter_project .box_r{
    float: left;
    margin:0;
    overflow:hidden;
    background-color: none;
}
.enter_project .box_l{
    width:585px;
    margin-right:30px;
}
.enter_project .box_r{
    width:585px;
}
/*
*==============================================
*è€ƒè¯•é¡µé¢æ˜¾ç¤ºè¯¦æƒ…
*==============================================
*/
.main>.main_left dl dd.project_info{
    font-size:14px;
    line-height: 24px;
    padding:0 10px 10px;
    text-align:left;
}
.enter_exam .exam.exam_2{
    padding-left: 100px;
}
.enter_exam .exam .icon{
    left: 20px;
}

#user_tbody td{
    word-break: break-all;
}

/*
*==============================================
*å¤´éƒ¨
*==============================================
*/
.header_top{
    height:60px;
    line-height: 60px;
}
.header_top .logo{
    margin-top:10px;
}
.header_top ul li{
    line-height: 60px;
}
/*
*==============================================
*SSOå¤´éƒ¨å¯¼èˆª
*==============================================
*/
.header_top .sso_nav li {
    padding: 0 24px 0 18px ;
}
.header_top .sso_nav li.hand-hover{
    cursor: pointer;
    position: relative;
}

.header_top ul li a{
    color:#b7b7b7;
    display: block;width:100%;
    padding-left:18px;
    float: left;
}

.header_top .sso_nav li.hand-hover>div{
    position: absolute;
    display: none;
    z-index:1000;
    width:100%;
    background: rgba(54,54,54,0.95);
    left:0;top:60px;
    line-height: 30px;
    padding:5px 0 15px 0px;
    border-radius:0 0 4px 4px;
}
.header_top .sso_nav li.hand-hover.set div{
    width:120px;
}
.header_top .sso_nav li.hand-hover.role>div{
    width:150px;
}
.header_top .sso_nav li.hand-hover:hover,
.header_top .sso_nav li.hand-hover.hover{
    background:#212121;
    color:#fff;
}
.header_top .sso_nav li.hand-hover.hover> div{
    display: block;
}
.header_top .sso_nav li.hand-hover.hover> div a:hover{
    color:#fff;
}
.header_top .sso_nav li.split{
    padding:0;
    margin:0;
}
.header_top .sso_nav .arrows{
    display: inline-block;
    height:12px;
    width:12px;
    margin-left:10px;
    background: url("../images/v3/arrows.png") no-repeat top center;
}
.header_top .sso_nav li:hover .arrows{
    background-position: bottom center;
}
/*
*==============================================
*ç®¡ç†å‘˜é¦–é¡µ
*==============================================
*/
.home .box.box_1{
    padding:25px 50px;
}
.home .box.box_1 .list_container>ul{
    margin-left:-20px;
}
.home .box.box_1 .list_container>ul li .show_img{
    height:151px;
    border: 6px solid #f5f5f5;
}
.home .box.box_1 .list_container>ul li>.create{
    width:395px;
    height: 214px;
    padding: 6px 6px 6px 269px;
}
.home .box.box_1 .list_container>ul li{
    width:260px;
    margin-left:20px;
}
.home .box.box_1 .list_container>ul li>.create .options>div{
    height: 50px;
    line-height: 50px;
}
.home .box.box_1 .list_container>ul li>.create .options>div.option:last-child{
    height:49px;
    line-height: 49px;
}
.home .box.box_1 .list_container>.icon_btn.left {
    left: -50px;
}
.home .box.box_1 .list_container>.icon_btn.right{
    right: -50px;
}


/*
*==============================================
*è¿›å…¥é¡¹ç›®
*==============================================
*/
.clearfix.enter-project-title {
    line-height: 36px;
    margin-top: 20px;
    padding: 24px 30px;
    border-bottom: 2px solid rgb(244, 244, 244);
    background: rgb(255, 255, 255);
}
.clearfix.enter-project-title .project_title {
    font-size: 20px;
    font-weight:normal;
    color: rgb(0, 0, 0);
}
.box.no-mg-t {
    margin-top: 0px;
}
.table-list {
    width: 100%;
}
.table-list td {
    /* width: 12.5%; */
    padding: 10px;
    border-width: 2px;
    border-style: solid;
    border-color: rgb(244, 244, 244);
}
.table-list .no-border-top {
    border-top: none;
}
.table-list .box-header {
    padding: 0px;
}
.table-list .box-title {
    color: rgb(1, 1, 1);
    margin-top: -30px;
    margin-bottom: 10px;
}
.table-list .lists li {
    float: left;
    width: 25%;
    text-align: center;
    font-size: 16px;
}
.table-list .lists li .times {
    color: rgb(126, 126, 126);
}
.table-list .lists li .times b {
    color: rgb(79, 159, 228);
    font-size: 36px;
    margin: 0px 5px;
}
.table-list .lists li .info {
    line-height: 30px;
}
.table-list .col1 {
    color: rgb(51, 51, 51);
    font-size: 14px;
}
.table-list .col1 .icon {
    height: 30px;
    width: 30px;
    margin: 0px auto;
    background: url(../images/v3/stati-spirit.png) no-repeat;
}
.table-list .col1 .l {
    width: 80px;
    line-height: 30px;
    text-align: center;
}
.table-list .col1 .icon_1 {
    background-position: center -194px;
}
.table-list .col1 .icon_2 {
    background-position: center -257px;
}
.table-list .col1 .r {
    /* width: 125px; */
    margin-left: 10px;
    padding-top: 10px;
    font-size: 26px;
    color: rgb(70, 70, 70);
    /* text-align: center; */
}
.table-list .col1 .r.red {
    color: rgb(255, 0, 0);
}
.table-list .col1 .r.blue {
    color: #58A5ED;
}
.enter_project .box_l, .enter_project .box_r {
    height: 90px;
}
.enter_project .box_r {
    width: 785px;
}
.enter_project .box_l, .enter_project .box_r {
    float: left;
    margin: 0px;
    overflow: hidden;
}
.enter_project .box_l {
    width: 371px;
    margin-right: 44px;
}
.enter_project .exam {
    display: block;
    font-size: 24px;
    line-height: 30px;
    height: 90px;
    width: 370px;
    color: rgb(255, 255, 255);
    padding: 0px 0px 0px 0px;
    margin: 0px auto 0px;
    /* background: rgb(104, 183, 249); */
    /* border-radius: 6px 6px 5px 5px; */
}
.enter_project .exam_3:hover .icon-left {
    background-color: transparent;
}
.enter_project .exam_3:hover .pull-left span {
    color: white;
}
.enter_project .exam_3:hover{
    background:-webkit-linear-gradient(left,#45BE47,#96F240);
    background: -o-linear-gradient(right,#45BE47,#96F240);
    background: -moZ-linear-gradient(right,#45BE47,#96F240);
    background: linear-gradient(to right ,#45BE47,#96F240);
}
.enter_project .exam_1:hover .icon-left {
    background-color: transparent;
}
.enter_project .exam_1:hover .pull-left span {
    color: white;
}
.enter_project .exam_1:hover{
    background:-webkit-linear-gradient(left,#2A9BFB,#01D1FF);
    background: -o-linear-gradient(right,#2A9BFB,#01D1FF);
    background: -moZ-linear-gradient(right,#2A9BFB,#01D1FF);
    background: linear-gradient(to right ,#2A9BFB,#01D1FF);
}
.enter_project .exam_2:hover .icon-left {
    background-color: transparent;
}
.enter_project .exam_2:hover .pull-left span {
    color: white;
}
.enter_project .exam_2:hover{
    background:-webkit-linear-gradient(left,#FB8602,#FACD00);
    background: -o-linear-gradient(right,#FB8602,#FACD00);
    background: -moZ-linear-gradient(right,#FB8602,#FACD00);
    background: linear-gradient(to right ,#FB8602,#FACD00);
}
.enter_project .exam_1 {
    background: white;
}
.enter_project .exam_2 {
    background: white;
}
.enter_project .exam .icon {
    float: left;
    height: 60px;
    width: 60px;
    vertical-align: middle;
    margin: 15px 15px 0px 15px;
    background: url(../images/v3/big_icon.png) left top no-repeat;
    /* background-color: #45BE47; */
}


.enter_project .exam_1 .icon {
    background-position: center top;
}
.enter_project .exam_2 .icon {
    background-position: right 0px;
}
.enter_project .exam > .pull-left {
    margin-top: 20px;
    margin-left: 30px;
}
.enter_project .exam .strict {
    font-size: 14px;
    line-height: 20px;
    margin-top: 20px;
}
.enter_project .exam .strict i {
    font-style: normal;
}
.enter_project .exam .icon-left{
    width: 90px;
    height: 90px;
    float: left;
    background-color: #45BE47;
}
.enter_project .exam_1 .icon-left {
    width: 90px;
    height: 90px;
    float: left;
    background-color: #2999FB;
}
.enter_project .exam_1 .pull-left .zh-font {
    color: #57A5E7;
    font-weight: bold;
    font-size: 30px;
}
.enter_project .exam_1 .pull-left .font {
    color: #D8D8D8;
    font-size: 16px;
}

.enter_project .exam_2 .icon-left {
    width: 90px;
    height: 90px;
    float: left;
    background-color: #FA8501;
}

.enter_project .exam_2 .pull-left .zh-font {
    font-size:30px;
    line-height: 30px;
    color: #F8A547;
    font-weight: bold;
}
.enter_project .exam_2 .pull-left .font {
    color: #D8D8D8;
    font-size: 16px;
}
.enter_project .exam_3 .pull-left .zh-font {
    color: #45BE47;
    font-weight: bold;
    font-size: 30px;
}
.enter_project .exam_3 .pull-left .font {
    color: #D8D8D8;
    font-size: 16px;
}

.enter_project .exam_2_2 .pull-left .zh-font {
    color: #ffffff;
    font-weight: bold;
    font-size: 30px;
}
.enter_project .exam_2_2 .pull-left .font {
    color: #ffffff;
    font-size: 16px;
}

.do-exam > .pull-left {
    width: 270px;
    border-right: 2px solid rgb(244, 244, 244);
}
.do-exam > .pull-left, .do-exam > .pull-right {
    height: 204px;
    border-top: 1px solid rgb(244, 244, 244);
}
.do-exam > .pull-left > div {
    margin: 50px 0px 0px 60px;
}
.do-exam > .pull-left a {
    color: rgb(1, 1, 1);
    font-size: 18px;
    line-height: 24px;
}
.do-exam > .pull-left a span {
    color: rgb(79, 159, 228);
    font-size: 30px;
    vertical-align: bottom;
    margin-left: 10px;
}
.do-exam > .pull-right {
    width: 100%;
    padding: 0px 0px 0px 45px;
}
.do-exam > .pull-left, .do-exam > .pull-right {
    height: 110px;
    border-top: 1px solid rgb(244, 244, 244);
}
.do-exam > .pull-right .l {
    width: 316px;
}
.do-exam > .pull-right h3 {
    color: rgb(1, 1, 1);
    font-size: 16px;
    font-weight: normal;
}
.do-exam > .pull-right .l a {
    width: 140px;
    background: #3eb7fe;
    border: 0;
    color: #fff;
}
.do-exam > .pull-right .r .active {
    background: #3eb7fe;
    border-width: 1px;
    color: #fff;
}
.do-exam > .pull-right a {
    display: block;
    margin-top: 30px;
    color: #3EB7FE;
    font-size: 16px;
    background: #d7f1fe;
    line-height: 48px;
    text-align: center;
    border-width: 1px;
    border-style: solid;
    border-color: #3EB7FE;
}
.do-exam > .pull-right .icon_1 {
    display: inline-block;
    height: 27px;
    width: 27px;
    vertical-align: middle;
    margin-top: -2px;
    background: url(../images/v3/icon_practice.png) no-repeat;
    /* background-color: #3EB7FE; */
}
.do-exam > .pull-right .icon {
    display: inline-block;
    height: 24px;
    width: 24px;
    vertical-align: middle;
    margin-top: -3px;
    background: url(../images/v3/small_icon.png) left top no-repeat;
}
.do-exam > .pull-right .r li {
    float: left;
    width: 122px;
    margin-right: 10px;
}
.do-exam > .pull-right a:hover {
    color: white;
    background: #3EB7FE;
    border: 0;
}
.do-exam > .pull-right a:hover .icon {
    background-position: 0px bottom;
}
.do-exam > .pull-right .icon_2 {
    /* background-position: -1px -24px; */
}
.do-exam > .pull-right a:hover .icon_2 {
    background-position: 0px -24px;
}
.do-exam > .pull-right .icon_3 {
    background-position: -24px top;
}
.do-exam > .pull-right a:hover .icon_3 {
    background-position: -24px -24px;
}
.do-exam > .pull-right .icon_4 {
    background-position: -49px top;
}
.do-exam > .pull-right a:hover .icon_4 {
    background-position: -49px -24px;
}
.do-exam > .pull-right .icon_5 {
    background-position: -74px top;
}
.do-exam > .pull-right a:hover .icon_5 {
    background-position: -74px -24px;
}

.box .box-header .pull-right .icon{
    float: left;
    height: 44px;
    width: 22px;
    vertical-align: middle;
    margin: 6px 10px 0px 10px;
    background: url(../images/v3/icon_tishi.png) left top no-repeat;
}
.box .box-header .pull-right .wrong{
    position: absolute;
    top: 12px;
    right: 180px;
    font-size: 16px;
}

.box .box-header .pull-right .wrong .icon{
    background-position: left top;
}
.box .box-header .pull-right .wrong span{
   color: black;
   font-size: 18px;
   font-weight: bold;
   margin-left: 5px;
}
.box .box-header .pull-right .collect{
    position: absolute;
    top: 12px;
    right: 40px;
    font-size: 16px;
}
.box .box-header .pull-right .collect .icon {
    background-position: right top;
}
.box .box-header .pull-right .collect span{
    color: black;
    font-size: 18px;
    font-weight: bold;
    margin-left: 5px;
}

/*
*==============================================
*è¡¨æ ¼ ---talbe
*==============================================
*/
.table thead {
    border-top: 1px solid rgb(225, 225, 225);
    border-bottom: 2px solid rgb(224, 224, 224);
}
.table th {
    font-size: 13px;
    color: rgb(1, 1, 1);
    background: rgb(247, 248, 249);
    padding: 20px 5px;
}
.sort{
    cursor: pointer;
}
.sort:after,.asc:after,.desc:after{
    position:relative;
    content:url(../images/sort.png);
    top:2px;
    left:5px;
}
.asc:after{
    content:url(../images/sort_asc.png);
}
.desc:after{
    content:url(../images/sort_desc.png);
}

.table td {
    color: rgb(94, 94, 94);
    border-color: rgb(224, 224, 224);
}
.table tr:nth-child(2n) {
    background: rgb(251, 251, 251);
}
.status_flag dd {
    padding: 0px 10px;
    background: rgb(253, 253, 253);
}
.status_flag dd span {
    height: 50px;
    line-height: 50px;
    width: auto;
    color: rgb(102, 102, 102);
    font-size: 14px;
    padding: 0px 35px;
}

/*
*==============================================
*åº•éƒ¨
*==============================================
*/
#footer {
    background: rgb(46, 46, 46);
}
#footer .t {
    display: table;
    width: 100%;
    vertical-align: middle;
    padding-bottom: 50px;
}
#footer .t .l {
    width: 282px;
    padding-top: 22px;
}
#footer .t .l > div {
    margin-bottom: 25px;
}
#footer .l li {
    float: left;
}
#footer .l li.split {
    margin: 0px 15px;
}
#footer .t .c {
    width: 400px;
}
#footer .t .c {
  padding-left: 60px;
  border-left: 1px solid rgb(108, 107, 112);
}
#footer .t .c .phone {
    font-weight: bold;
    color: rgb(108, 107, 112);
    font-size: 30px;
}
#footer .qq, #footer .email {
    font-size: 14px;
    padding-left: 35px;
    line-height: 26px;
    margin: 22px 0px;
    background: url(../images/v3/footer-spirit.png) left top no-repeat;
}
#footer .email {
    background-position: left bottom;
}
#footer .b {
    border-top: 1px solid rgb(66, 66, 66);
    padding: 0px;
}
#footer .b p {
    margin: 0px;
    padding: 37px 0px;
}
#footer .t .r {
    width: 518px;
}
#footer .t .r li {
    margin: 0px 0px 0px 35px;
}
/*
*==============================================
*æ‰©å±•
*==============================================
*/
.msg_main .table td.time{
    text-align:right;
}
.table .a{
    text-align:right;
    background:#d5d5d5;
}
.main>.main_left dl dd a.hand_exam_btn{
    background: #2487de;
    color:#fff!important;
}
.main>.main_left dl dd a.hand_exam_btn span{
    display: inline-block;
    height:22px;
    width:22px;
    background: url("../images/v3/exam_icon.png") no-repeat center center;
    vertical-align: middle;
    margin-right:7px;
}
.table .a.a-close{
    background: #67717f;
}
/*
*==============================================
*ä¸å†æ—¶é—´å†…çš„é¡¹ç›®æ˜¾ç¤º-----ç°è‰²ç¦ç”¨
*==============================================
*/
.permission #enter_exercise_3 a{
    cursor: default;
    background: #d5d5d5 !important;
    color:#fff!important;
    border-color:#d5d5d5!important;
}
a.exam.disabled{
    background: #d5d5d5 !important;
}
.permission #enter_exercise_3 .icon_2{
    background-position: 0px bottom!important;
}
.permission #enter_exercise_3 .icon_3{
    background-position: -24px -24px!important;
}
.permission #enter_exercise_3 .icon_4{
    background-position: -49px -24px!important;
}
.permission #enter_exercise_3 .icon_5{
    background-position: -74px -24px!important;
}


.container .body #courseDesc{
    background: rgba(241, 242, 243, 0.7);
}
.switch_btn.disabled{
    background: #ddd;
}
.switch_btn.disabled span{
    background: #ccc;
}

.text-hide{
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.dis{
    display: none;
}


/*
*==============================================
*ä¸å†æ—¶é—´å†…çš„é¡¹ç›®æ˜¾ç¤º-----ç°è‰²ç¦ç”¨
*==============================================
*/


/*footer样式*/
.footer{
    width: 100%;
    height: 120px;
    background: #2e2e2e;
}
.main_msg{
    width:1100px;
    height:120px;
    margin: 0 auto;
    padding-top: 28px;
    background: url("../images/c_05.jpg")no-repeat right 0 center;
}
.main_msg > img{
    height: 50px;
    float:left;
    margin-top: 7px;
}
.main_msg > div{
    height: 64px;
    border-left: 1px solid #404040;
    margin-left:80px;
    padding-left: 70px;
    float:left;
    font-size:14px;
    color: #6c6c70;
}

.tel {
    margin-bottom: 18px;
}
.tel strong{
    font-size:24px;
    font-weight:bold;
    float: left;
    margin-top: -3px;
}
.tel  > span{
    font-size:14px;
    font-weight:100;
    display: block;
    height: 28px;
    line-height: 28px;
    background: url("../images/footer-spirit.png")no-repeat 0 -26px  ;
    text-indent: 35px;
    float: left;
}
.tel  > span.qq_span{
    margin:0 42px 0 58px;
    background-position-y:0 ;
}
.Copyright{
    font-size: 13px;
}
